<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片 src属性链接到图片的地址 alt图片加载失败文字说明 
         width和height也是图片也有属性 只需要设置一个 另一个会自适应    
    -->
     <img width="150px" src="../音视频/8.jpg" alt="图片加载失败文字说明">
     <img width="150px" src="https://img2.baidu.com/it/u=3072147170,1042378639&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1200" alt=""> 
     <!-- 视频标签video 
          controls 控制条
          width 宽度   
          height 宽度
          autoplay 自动播放
          loop 循环播放
          muted 静音播放
          poster 设置封面
     -->
     <video width="400px" muted loop poster="../音视频/6.jpg" src="../音视频/1.mp4" controls></video>
     <!-- 
          音频标签audio
          controls 控制条
          autoplay 自动播放
          muted 静音播放
          loop 循环播放
          width和height和poster不可用   
     -->
     <audio controls autoplay muted loop src="../音视频/1.mp3"></audio>
     
</body>
</html>